<template>
    <div class="my-page">
        <van-nav-bar @click-left="onClickLeft" fixed style="background-color: #EB2023;">
            <template #title>
                <span style="color: white;font-size:16px;">在线客服</span>
            </template>
            <template #left>
                <van-icon name="arrow-left" color="#fff" />
                <span style="color: white;font-size:14px;">返回</span>
            </template>
        </van-nav-bar>
        <div
            style="width:96%;height:90px;margin-left:2%;margin-right:2%;margin-top:65px;background-color:#fff;font-size:15px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
            <div style="margin-top:20px;padding-left:10px;padding-top:10px;">客服电话：4008001556</div>
            <div style="margin-top:20px;padding-left:10px;padding-bottom:20px;">客服微信：shangquanyun5</div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            loading: false,
            finished: false,
            list: [

            ],
            openid: '',
            pageNum: 1,
            pageSize: 10
        };
    },
    created() {
        // 初始化时加载留言咨询列表
        let openid = localStorage.getItem('openid');
        this.openid = openid;
    },
    methods: {
        onClickLeft() {
            this.$router.go(-1);
        }
    },

};
</script>

<style scoped>
.my-page {
    background-color: #F7F9FD;
    height: calc(100vh);
    /* 减去顶部导航栏的高度 */
    overflow-y: auto;
    /* 允许内容滚动 */
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    margin-bottom: 10px;
}

img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
</style>
